﻿<%@ Assembly Name="$SharePoint.Project.AssemblyFullName$" %>
<%@ Assembly Name="Microsoft.Web.CommandUI, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %> 
<%@ Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %> 
<%@ Register Tagprefix="Utilities" Namespace="Microsoft.SharePoint.Utilities" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register Tagprefix="asp" Namespace="System.Web.UI" Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" %>
<%@ Import Namespace="Microsoft.SharePoint" %> 
<%@ Register Tagprefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ModernUIUserControl.ascx.cs" Inherits="PepsiCo.Intranet.WebParts.ModernUI.ModernUIUserControl" %>

<link rel="stylesheet" type="text/css" href="/Style%20Library/MetroJS/MetroJs.min.css"/>
<script type="text/javascript" src="/Style%20Library/MetroJS/MetroJs.min.js"></script>

<script type="text/javascript" src="/Style%20Library/JssorSlider/jssor.sliders.mini.js"></script>

<style type="text/css">
#s4-titlerow, #s4-topheader2, #s4-statusbarcontainer, .footer-area, #s4-leftpanel
{display:none;}
.s4-ca
{margin-left:0;}

#s4-workspace, .s4-ca
{
    background: url("/Style Library/Images/main-bg.jpg") repeat center;
}
div.article, div.welcome {
  padding: 5px 0 0;
}
.article-content, .welcome-content {
  display:none;
}

.live-tile ul  {
   list-style-position: outside;
   list-style-type: square;
   margin-left: 2em;
}
.live-tile ul > li {
    padding: 0.25em;
}

.pmetro-title{font-size: 16px !important; font-weight:bold;}
.pmetro-title2{font-size: 24px !important; font-weight:bold;}
</style>

<!-- Apply blue theme as default for all tiles, but use the tiles class to allow the theme to be swapped -->
<div class="tiles tile-group">
    <asp:Literal ID="ltModernUI" runat="server"></asp:Literal>
</div>

<script type="text/javascript">
    $(document).ready(function () {
        $(".live-tile, .flip-list").not(".exclude").liveTile({
            preloadImages: true,
            pauseOnHover: true
        });
    });
</script>